<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>自由行-首页游记</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
          <link rel="stylesheet" href="css/top.css">
          <link rel="stylesheet" href="css/fot.css">
    <link rel="stylesheet" href="css/font.css">
	<link rel="stylesheet" href="css/tra.css">
    <link rel="stylesheet" href="css/home-travels.css">
</head>
<body>
<div class="warp">
	<div id="top-fixed">
		<div id="top" class="top">
            <span class="posi-re">中国联通
            	<i class="posi-ab">4G</i>
            	<i class="icon iconfont icon-xinhao"></i>
            </span>
			<time class="top-time">00:00</time>
            <span>100%<i class="icon iconfont">&#xe697;</i></span>
		</div>
	</div>
    <div class="cont-top">
        <img src="images/logo.jpg" alt="">
        <span>自由行</span>
    </div>
    <div class="banner"></div>
    <div class="Scenic">
        <h3>雨中穿越原始森林—抚顺玉龙溪原始森林公园</h3>
        <p>
            <span>19-06-20</span>
            <span> 浏览 · <em>23</em>回复</span>
        </p>
        <div class="personal">
            <div class="box">
                <img src="images/2.jpg" alt="">
            </div>
            <div class="sig">
                <span>林中小路</span>
                <span><em>28</em>篇游记，<em>60</em>粉丝</span>
            </div>
            <h3>抚顺</h3>
        </div>
        <div class="trip">
            <p>我的出行信息</p>
            <div class="information">
                <div class="personaldata">
                    <p>
                        <img src="images/1%20(30).jpg" alt="">
                        出发时间 2019年-05-02
                    </p>
                    <p class="character">
                        <img src="images/1%20(3).jpg" alt="">
                        人物 情人/夫妻
                    </p>
                    <p>
                        <img src="images/1%20(32).jpg" alt="">
                        出行日期 7天
                    </p>
                </div>
            </div>
        </div>
        <p class="p">春末夏初，来原始森林呼吸一下新鲜空气，拥抱大自然吧。</p>
    </div>
    <div class="jade">
        <div class="box">
            <h3>玉龙溪原始森林公园</h3>
            <p>玉龙溪原始森林公园位于 抚顺 市清源县满族自治县</p>
        </div>
        <div class="pic jade-pic">
            <img src="images/3.jpg" alt="">
            <p><span>点击查看大图<i class="icon iconfont">&#xe636;</i></span></p>
        </div>
        <div class="jade-pic">
            <img src="images/4.jpg" alt="">
        </div>
        <div class="jade-pic">
            <img src="images/5.jpg" alt="">
            <p>景区大门对面的桃花岛   ，真假花相结合，这里是一个餐厅</p>
        </div>
        <div class="jade-pic">
            <img src="images/6.jpg" alt="">
            <p>选择好了旅行地点，却忽视了看天气，快到景区时，天开始下雨，忽大忽小，时下时停。 好在到景区大门时，雨几乎停了。既来之则安之，我们决定进景区游览。</p>
        </div>
        <div class="jade-pic">
            <img src="images/7.jpg" alt="">
            <p>景区工作人员很热情，给我们推荐路线：景区大门—钓 鱼台 —神龟探溪—南大壶瀑布—小 黄山 —翡翠谷—观光站—景区大门这条线路。上面元 宝山 、 红枫岭那条线路适合秋天看红叶🍁。</p>
        </div>
        <div class="Underline">
           <div class="Underline2">
               <p>本篇游记共含7682个文字，170张图片。帮助了727名波兰游客。 </p>
               <p>举报</p>
           </div>
        </div>
    </div>


    <div class="exchange">
        <ul class="list">
            <li class="list-box">
                <img src="images/li-list.jpg">
                <p class="list-item"><span>天人   LV.10</span><a href="#">+关注</a><i>1F</i></p>
                <p class="list-txt">这是“抚顺旅游”让我最为感慨的一篇，那湖、那草、那鱼儿啊！.........让人惦记。</p>
                <p class="list-right"><span class="comment">评论</span><time>2019-06-20  9：30</time></p>
                <form action="" method="post">
                    <input type="text" name="user" class="ipt-txt" placeholder="请输入内容">
                    <button type="submit" class="icon iconfont pl">&#xe628;</button>
                </form>
            </li>
            <li class="list-box">
                <img src="images/li-list.jpg">
                <p class="list-item"><span>天人   LV.10</span><a href="#">+关注</a><i>2F</i></p>
                <p class="list-txt">这是“抚顺旅游”让我最为感慨的一篇，那湖、那草、那鱼儿啊！.........让人惦记。</p>
                <p class="list-right"><span class="comment">评论</span><time>2019-06-20  9：30</time></p>
                <form action="" method="post">
                    <input type="text" name="user" class="ipt-txt" placeholder="请输入内容">
                    <button type="submit" class="icon iconfont pl">&#xe628;</button>
                </form>
            </li>
            <li class="list-box">
                <img src="images/li-list.jpg">
                <p class="list-item"><span>天人   LV.10</span><a href="#">+关注</a><i>3F</i></p>
                <p class="list-txt">这是“抚顺旅游”让我最为感慨的一篇，那湖、那草、那鱼儿啊！.........让人惦记。</p>
                <p class="list-right"><span class="comment">评论</span><time>2019-06-20  9：30</time></p>
                <form action="" method="post">
                    <input type="text" name="user" class="ipt-txt" placeholder="请输入内容">
                    <button type="submit" class="icon iconfont pl">&#xe628;</button>
                </form>
            </li>
            <li class="list-box">
                <img src="images/li-list.jpg">
                <p class="list-item"><span>天人   LV.10</span><a href="#">+关注</a><i>4F</i></p>
                <p class="list-txt">这是“抚顺旅游”让我最为感慨的一篇，那湖、那草、那鱼儿啊！.........让人惦记。</p>
                <p class="list-right"><span class="comment">评论</span><time>2019-06-20  9：30</time></p>
                <form action="" method="post">
                    <input type="text" name="user" class="ipt-txt" placeholder="请输入内容">
                    <button type="submit" class="icon iconfont pl">&#xe628;</button>
                </form>
            </li>
        </ul>
    </div>


	<div id="fot-nav">
		<nav>
			<ul class="list">
				<li>
					<a href="index.html">
						<i class="icon iconfont">&#xe61d;</i>
						<span>首页</span>
					</a>
				</li>
				<li>
					<a href="scenic.html">
						<i class="icon iconfont">&#xe61e;</i>
						<span>景区介绍</span>
					</a>
				</li>
				<li>
					<a href="pict.html">
						<i class="icon iconfont">&#xe636;</i>
						<span>相册</span>
					</a>
				</li>
				<li class="active">
					<a href="#">
						<i class="icon iconfont">&#xe616;</i>
						<span>游记</span>
					</a>
				</li>
				<li>
					<a href="#">
						<i class="icon iconfont">&#xe617;</i>
						<span>旅游装备</span>
					</a>
				</li>
				<li>
					<a href="Personal.html">
						<i class="icon iconfont">&#xe60b;</i>
						<span>个人中心</span>
					</a>
				</li>
			</ul>
		</nav>
	</div>







</div>
<script src="js/script.js"></script>
<script type="text/javascript">
    var comment = document.querySelectorAll(".comment");
    var commentBox = document.querySelectorAll(".list-box form");
    for(var i = 0;i<comment.length;i++){
        comment[i].index = i;
        comment[i].onclick=function (){
            if(commentBox[this.index].style.height == '2rem'){
                commentBox[this.index].style.height = '0';
                commentBox[this.index].style.borderBottom ="0";
            }else{
                for(var j = 0;j<comment.length;j++){
                    commentBox[j].style.height = '0';
                    commentBox[j].style.borderBottom ="0";
                }
                commentBox[this.index].style.height = '2rem';
                commentBox[this.index].style.borderBottom ="1px solid #Ed9613";
            }
        }
    }
</script>
</body>
</html>